*{
	margin: 0;
	padding: 0;
}
body{
	background: url(../img/bgi.jpg);
	position: relative;
}
.lanren {
	width: 170px;
	height: 160px;
	background: url(../img/clock.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 670px;
	top: 135px;
}

.lanren:hover {
	animation: shake 0.1s cubic-bezier(.36, .07, .19, .97) both infinite;
	transform: translate3d(0, 0, 0);
	backface-visibility: hidden;
	perspective: 1000px;
}

@keyframes shake {
	10%,
	90% {
		transform: translate3d(-2px, 0, 0);
	}
	20%,
	80% {
		transform: translate3d(2px, 0, 0);
	}
	30%,
	50%,
	70% {
		transform: translate3d(-4px, 0, 0);
	}
	40%,
	60% {
		transform: translate3d(4px, 0, 0);
	}
}